<template>
  <el-table class="sa-table" :data="data" stripe>
    <template #empty>
      <sa-empty />
    </template>
    <el-table-column prop="id" label="ID" min-width="90" />
    <el-table-column label="分销商" min-width="160">
      <template #default="scope">
        <sa-user-profile :user="scope.row.agent" :id="scope.row.agent_id" />
      </template>
    </el-table-column>
    <el-table-column prop="remark" label="内容" min-width="300" align="center" />
    <el-table-column label="操作人" min-width="160">
      <template #default="scope">
        <sa-user-profile type="oper" :user="scope.row.oper" :id="scope.row.oper_id" />
      </template>
    </el-table-column>
    <el-table-column prop="create_time" label="动态时间" min-width="172" />
  </el-table>
</template>

<script setup>
  const props = defineProps(['data']);
</script>

<style lang="scss" scoped>
  .oper-type {
    font-size: 12px;
    color: var(--sa-subtitle);
  }
  .system {
    font-size: 14px;
    color: var(--sa-subtitle);
    img {
      width: 32px;
      height: 32px;
      margin-right: 8px;
    }
  }
</style>
